/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}


.demo-page-container {
  padding-top:110px;
  width:100%;
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:80px;
}

@media (max-width:980px) {
    .demo-page-container {
        width: calc(100% - 30px);
    }
}

.demo-page-container h3 {
  font-size:38px;
  margin-top:0;
  margin-bottom:15px;
}

.demo-page-container p {
  font-size:18px;
}

.demo-page-container h5 {
  font-size:26px;
  margin-bottom:15px;
  margin-top:20px;
  padding-top:15px;
  text-transform:uppercase;
  border-top:1px solid #eee;
}

.youtube-link, .youtube-link-dark {
  cursor:pointer;
  margin-bottom:8px;
  display:inline-block;
  font-size:16px;
  color:#fdffe4;
  text-decoration:none;
}


code {
  background-color:#333;
  color:#FFF;
  padding:20px;
  white-space: pre;
  display: block;
  border: 1px solid #eee;
  overflow:hidden;
}

p {
  font-size:16px;
}

.github-position {
  position:fixed;
  bottom:12px;
  right:12px;
  z-index:999;
}